<script setup>
import Card from '../components/Card.vue';
console.log(new Date().getMilliseconds());
</script>

<template>
    <div class="message-container">
        <Card class="receiver">
            <div class="title">接收者</div>
            <van-image round fit="cover" width="25px" height="25px" src="https://img.yzcdn.cn/vant/cat.jpeg"></van-image>
            <div class="name"></div>
        </Card>
        <div class="letter">

        </div>
    </div>
</template>

<style scoped>
.message-container{
    background-color: var(--main-background-color);
    height: 100%;
    padding: var(--page-padding);
}
.receiver{
    display: flex;
    justify-content: flex-start;
    
}
</style>